<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


   
        <input type="text" id = "userId">
        <input type="text" id="classId">
        <input type="button" value="提交" id = "submit">

        <!-- 要想构造一个 json 格式的请求，就不再使用 form 而是 ajax-->



   








<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>

    let userIdInput =document.querySelector('#userId');
    let classIdInput = document.querySelector('#classId');
    let button = document.querySelector('#submit');
    button.onclick = function() {
        $.ajax({
            type: 'postJson',
            url: 'postGetParameter2',
            contentType: 'application/json',
            data: Json.stringify({
                usrId: userIdInput.value,
                classId: classIdInput.value
            }),
            success:function(body) {
                console.log(body);
            }
        });
    }




        // $.ajax({
        //     type:'post',
        //     url:'method',
        //     success:function(body) {
        //         console.log(body);
        //     }
        // });
    </script>
</body>
</html>